<!DOCTYPE html>
<html>
<meta charset="utf-8">
  <link rel="shortcut icon" href="../../staticfavicon.ico">
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="../../static/css/animate.css" />
	<link rel="stylesheet" href="../../static/css/font-awesome.css" />
	<link rel="stylesheet" href="../../static/css/style.css" />
	<link rel="stylesheet" href="../../static/css/plugins/iCheck/custom.css" />
	<link rel="stylesheet" href="../../static/css/plugins/cropper/cropper.css" />
	<link rel="stylesheet" href="../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
	<link rel="stylesheet" href="../../static/css/gg-bootdo.css" />
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12" id="firststep">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="firstForm">
							<input type="hidden" name="id" id="auditID"/>
							<input type="hidden" name="flag"/>
							<input type="hidden" name="ciId" id="ciId"/>
							<input type="hidden" name="auditFlag" value="4"/>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">所属项目：</label>
								<div class="col-sm-8">
									<input id="projectId" name="projectId" class="hidden"> 
									<input id="projectName" name="projectName" class="form-control" type="text"
										style="cursor: pointer;" onclick="openProjectPopWin('projectId','projectName',false)"
										readonly="readonly" placeholder="点击选择项目" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">所属分类：</label>
								<div class="col-sm-8">
									<input id="categoryId" name="categoryId" class="hidden"> <input
										id="categoryName" name="categoryName" class="form-control" type="text"
										style="cursor: pointer;" onclick="openCategoryPopWin('categoryId','categoryName','CiCategory')"
										readonly="readonly" placeholder="点击选择分类" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">名称：</label>
								<div class="col-sm-8">
									<input id="name" name="name" class="form-control" type="text" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">编号：</label>
								<div class="col-sm-8">
									<input id="code" name="code" class="form-control" type="text" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">产品型号：</label>
	                            <div class="col-sm-8">
	                                <input id="modelNumber" name="modelNumber" class="form-control"
	                                       type="text">
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">产品序列号：</label>
	                            <div class="col-sm-8">
	                                <input id="serialNumber" name="serialNumber" class="form-control"
	                                       type="text">
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">SLA等级：</label>
								<div class="col-sm-8">
									<input id="slaId" name="slaId" class="hidden"> <input
										id="slaName" name="slaName" class="form-control" type="text"
										style="cursor: pointer;" onclick="popSLAWin('slaId','slaName')"
										readonly="readonly" placeholder="点击选择分类" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">可用性：</label>
	                            <div class="col-sm-8">
	                                <select id="usability" name="usability" class="form-control">
	                                	<option value="1">可用</option>
	                                	<option value="0">不可用</option>
	                                </select>
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">资产/备件：</label>
	                            <div class="col-sm-8">
	                                <select id="usability" name="usability" class="form-control">
	                                	<option value="1">资产</option>
	                                	<option value="0">备件</option>
	                                </select>
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">状态：</label>
	                            <div class="col-sm-8">
	                                <select id="status" name="status" class="form-control">
	                                </select>
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">等待状态：</label>
	                            <div class="col-sm-8">
	                                <select id="waitFlag" name="waitFlag" class="form-control">
	                                	<option value="1">已出入库</option>
	                                	<option value="0">待出入库</option>
	                                </select>
	                            </div>
	                        </div>
							<div class="form-group col-sm-6">
								<label class="col-sm-3 control-label">配置管理员：</label>
								<div class="col-sm-8">
									<input id="adminId" name="adminId" class="hidden"> 
									<input id="adminName" name="adminName" class="form-control" type="text"
										style="cursor: pointer;" onclick="openUserPopWin('adminId','adminName',false)"
										readonly="readonly" placeholder="点击选择用户" required>
								</div>
							</div>
							<div class="form-group col-sm-6">
	                            <label class="col-sm-3 control-label">是否废弃：</label>
	                            <div class="col-sm-8">
	                                <select id="abandonFlag" name="abandonFlag" class="form-control">
	                                	<option value="0">不废弃</option>
	                                	<option value="1">已废弃</option>
	                                </select>
	                            </div>
	                        </div>
							<div class="form-group">
								<div class="col-sm-12 text-center col-sm-offset-3">
									<button type="submit" class="btn btn-primary">下一步</button>
									<!-- <button type="button" class="btn btn-primary" onclick="thirdStepInit()">test</button> -->
								</div>
							</div>
							<div class="clearfix"></div>
						</form>
					</div>
				</div>
			</div>
			<div class="col-sm-12 hidden" id="secondstep">
				<form class="form-horizontal m-t" id="secondForm">
					<div class="col-sm-12" id="categorystep">
					</div>
					<div class="col-sm-12 text-center col-sm-offset-3">
						<button type="submit" class="btn btn-primary">下一步</button>
					</div>
				</form>
			</div>
			<div class="col-sm-12 hidden" id="thirdstep">
				<div class="ibox" id="list">
					<div class="ibox-body">
						<div class="fixed-table-toolbar">
							<div class="columns pull-left">
								<button type="button" class="btn  btn-primary" onclick="editRelation()">
									<i class="fa fa-plus hidden" aria-hidden="true"></i>添加关联配置项
								</button>
							</div>
						</div>
						<table id="relationTable" data-mobile-responsive="true">
						</table>
						<div class="col-sm-12 text-center col-sm-offset-3">
							<button type="button" class="btn btn-primary" onclick="fourthStepInit()">下一步</button>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-12 hidden" id="fourthstep">
				<div class="ibox" id="list">
					<div class="ibox-body">
						<div class="fixed-table-toolbar">
							<div class="columns pull-left">
								<button type="button" class="btn  btn-primary" onclick="addSupplier()" id="addSupplierBtn">
									<i class="fa fa-plus hidden" aria-hidden="true"></i>增加供货商
								</button>
								<input id="supplierId" name="supplierId" class="hidden"> 
								<input id="supplierName" name="supplierName" class="hidden">
							</div>
						</div>
						<table id="supplierTable" data-mobile-responsive="true">
						</table>
						<div class="col-sm-12 text-center col-sm-offset-3">
							<button type="button" class="btn btn-primary" onclick="holdCiAudit()">暂存</button>
							<button type="button" class="btn btn-primary" onclick="gotoAudit()">提交审核</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	

<div id="module_sample_id" style="display: none;">
    <div>
        <div class="buonip">
            <span class="xlop">
                <input type="hidden" name="columnCount">
                <div name="nameSpan" style="display: inline;"></div>
            </span>
        </div>
        <div>
            <table class="table" name="attrTable">
            </table>
        </div>
    </div>
</div>
	
<div id="text_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="text" class="form-control" name="attr">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="datetime_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="text" class="form-control" readonly name="attr">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="rpopwin_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="hidden" class="dom-flag" name="attrId">
                    <input type="text" class="form-control" readonly  name="attr">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="textarea_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td colspan="3" class="filed-ipt textarea" name="domTD">
                <div class="form-inline textarea">
                    <textarea rows="3" style="width:95%"></textarea>
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="select_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <select name="attr">
                        <option value="">请选择</option>
                    </select>
                </div>
            </td>
        </tr>
    </table>
</div>
	<div th:include="include::footer"></div>
	<script src="../../static/js/public.js"></script>
	<script src="../../static/js/jquery.min.js?v=2.1.4"></script>
	<script src="../../static/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="../../static/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../../static/js/plugins/validate/messages_zh.min.js"></script>
	<script src="../../static/js/plugins/jsTree/jstree.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
	<script src="../../static/js/plugins/chosen/chosen.jquery.js"></script>
	<script src="../../static/js/plugins/layer/layer.js"></script>
	<script src="../../static/js/plugins/layer/laydate/laydate.js"></script>
	<script src="../../static/js/content.js?v=1.0.0"></script>
	<!--summernote-->
	<script src="../../static/js/plugins/summernote/summernote.js"></script>
	<script src="../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
	<script src="../../static/js/ajax-util.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/common/util/popwin.js"></script>
	<script type="text/javascript" src="../../static/js/plugins/json2form/json2form.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/cim/addCategory.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/cim/edit.js"></script>

</body>
</html>
